<template>
  <view class="diagnosis-confirm">
    <view class="wrapper">
      <view class="tit-wrap rbox box_y_center box_space_b">
        <view class="tit rbox box_y_center">
          <view class="icon"></view>
          <text class="name">标题信息</text>
        </view>
        <text class="msg rbox">已添加</text>
      </view>

      <view class="info-list cbox">
        <view class="li rbox">
          <text class="tit">标题信息</text>
          <text class="msg">标题信息</text>
        </view>
        <view class="li rbox">
          <text class="tit">标题信息</text>
          <text class="msg">标题信息</text>
        </view>
        <view class="li rbox">
          <text class="tit">标题信息</text>
          <text class="msg">标题信息</text>
        </view>
        <view class="li rbox">
          <text class="tit">标题信息</text>
          <text class="msg">标题信息</text>
        </view>
        <view class="li rbox">
          <text class="tit">标题信息</text>
          <text class="msg">标题信息</text>
        </view>
        <view class="li rbox box_y_start">
          <text class="tit">标题信息</text>
          <text class="msg"
            >霜霉病指的是由真菌中的霜霉菌引起的植物病害。霜霉菌是专性寄生菌，极少数的霜霉菌已可人工培养，如引起谷子
            白发病的禾生指梗霉
          </text>
        </view>
        <view class="li rbox box_y_start">
          <text class="tit">标题信息</text>
          <view class="pic-wrap rbox_wrap">
            <view class="img-wrap"></view>
            <view class="img-wrap"></view>
          </view>
        </view>
      </view>
    </view>

    <view class="wrapper">
      <view class="tit-wrap rbox box_y_center box_space_b">
        <view class="tit rbox box_y_center">
          <view class="icon"></view>
          <text class="name">标题信息</text>
        </view>
        <text class="msg rbox">已添加</text>
      </view>

      <view class="info-list cbox">
        <view class="li rbox">
          <text class="tit">标题信息</text>
          <text class="msg">标题信息</text>
        </view>
        <view class="li rbox box_y_start">
          <text class="tit">标题信息</text>
          <text class="msg"
            >霜霉病指的是由真菌中的霜霉菌引起的植物病害。霜霉菌是专性寄生菌，极少数的霜霉菌已可人工培养，如引起谷子
            白发病的禾生指梗霉
          </text>
        </view>
      </view>
    </view>

    <view class="single-btn btn-normal rbox box_center btn-position">
      确认诊断
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.diagnosis-confirm {
  padding: 0 42rpx;
  .wrapper {
    padding: 28rpx 34rpx;
    margin-top: 24rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 30rpx;
    .tit-wrap {
      padding-bottom: 28rpx;
      border-bottom: 1rpx solid #e9e8e8;
      .tit {
        .icon {
          width: 48rpx;
          height: 48rpx;
          border-radius: 50%;
          background-color: #e9c2c2;
        }
        .name {
          margin-left: 10rpx;
          font-size: 34rpx;
          line-height: 1;
          color: #5a5a5a;
        }
      }
      .msg {
        font-size: 28rpx;
        line-height: 1;
        color: #1de1c3;
      }
    }
  }
  .info-list {
    margin-top: 30rpx;
    .li {
      margin-bottom: 30rpx;
      .tit {
        min-width: 6em;
        font-size: 26rpx;
        line-height: 1.4;
        color: #b5b5b5;
      }
      .msg {
        margin-left: 8rpx;
        font-size: 26rpx;
        line-height: 1.4;
        color: #5a5a5a;
      }
      .pic-wrap {
        margin-left: 10rpx;
        .img-wrap {
          margin-right: 20rpx;
          width: 178rpx;
          height: 156rpx;
          background-color: #e9c2c2;
        }
      }
    }
  }
}
</style>
